<style scoped>
    .bill .ivu-form-item{
        margin-bottom: 10px;
    }
    .bill .ivu-form-item-label{
        text-align: left;
    }
    .bill{
        padding: 0px 20px;
    }
    .shangjiao{
        border:1px solid #DEDEDE;
        border-bottom: none;
        background-color: #F8F8F8;
        padding: 15px;
    }
    .shangjiaoCont{
        padding: 15px;
        border:1px solid #DEDEDE;
        margin-bottom: 20px;
    }
    .xianzhong{
        margin-bottom: 40px;
    }
    .xianzhong td{
        width: 25%;
    }
</style>
<style>
    .bill .ivu-form-item-content{
        margin-left:0 !important;
    }
    .bill .ivu-form-item-label{
        text-align: left;
    }
    .bill .ivu-form-item-required .ivu-form-item-label{
        color:#F29333 ;
    }
    .bill .ivu-input-icon{
        border-left:1px solid #BEBEBE;
    }
    .bill .ivu-col{
        padding: 0 10px;
    }
    .bill .ivu-select:after{
        right:30px;
    }
    .bill .ivu-select-placeholder{
        padding-right:32px;
    }
    .bill .ivu-select-arrow{
        right:10px;
    }
    .bill .blue .ivu-icon-ios-search{
        background-color: #2C8BF0;
        color:#fff;
    }
    .bill .peo{
        position: relative;
    }
    .bill .title{
        position: absolute;
        top:-33px;
        left: 57px;
        color: #B3B3B3;
    }
    .billTab .ivu-tabs-tab{
        color:#3592F1;
        background-color:#FFF !important;
        border-color: #FFF !important;
    }
    .billTab .ivu-tabs-tab-active{
        color: #888888 !important;
         border: 1px solid #dddee1 !important;
        border-bottom: none !important;
    }
    .billTab .clearPadding{
        padding:0;
    }
    .billTab .ivu-tabs-bar{
        margin-left:10px;
        margin-right:10px;
    }
    .billTab .ivu-tabs-content{

    }
    #formItem3 .ivu-checkbox-group-item,#formItem4 .ivu-checkbox-group-item{
        /*line-height:30px;*/
        display: block;
        /*padding-left: 30px;*/
    }
    #formItem3 .ivu-radio-group-item,#formItem4 .ivu-radio-group-item{
        /*line-height:30px;*/
        display: block;
        /*padding-left: 30px;*/
    }
    .bill .btnBox{
        font-size:16px;
        padding:5px 8px;
        color:#FFF;
        cursor: pointer;
    }
    .bill .add{
        background: #428CCB;
    }
    .bill .close{
        background: #F39C11;
    }
    .detail .head{
        border:1px solid #EEE;
        border-bottom:none;
        padding:10px 0;
        padding-left: 20px;
    }
    .detail .table{
        border-collapse: collapse;
        width: 100%;
        line-height: 40px;

    }
    .detail .table th{
        background-color: #F8F8F8;
    }

    .detail .table td,.detail .table th{
        border:1px solid #EEE;
        text-align: center;
    }
    .detail .table tr td:nth-child(2){
        text-align: left;
        padding-left: 15px;
    }
    .detail .table input{
        height:30px;
        line-height: 30px;
        border:1px solid #D2D2D2;
        width:90%;
    }
</style>
<template>
    <div>
        <product-title></product-title>
        <div class="bill">
            <Form :label-width="120" :model="formItem1" ref="formItem1" label-position="top" id="formItem1">
                <Row>
                    <i-col :md="24" :lg="6">
                        <FormItem label="工号" >
                            <i-input disabled class="blue"  placeholder="请输入工号"   v-model="formItem1.agent_info.agent_operatorCode">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="保险类型">
                                <i-input disabled class="blue"  placeholder="请输入工号"   v-model="formItem1.policy_type">
                                    </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="交商同保" >
                            <Select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                <Option value="0">类型</Option>
                                <Option value="1">单商业</Option>
                                <Option value="2">交商同保</Option>
                            </Select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="业务类型" >
                            <Select :transfer="true" v-model="formItem1.relatedType" disabled   style="border:1px solid #D2D2D2;">
                                <Option value="0">类型</Option>
                                <Option value="1">续保</Option>
                                <Option value="2">转保</Option>
                                <Option value="3">新保</Option>
                                <Option value="4">旧车首保</Option>
                            </Select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="签单日期" >
                            <DatePicker type="date" placeholder="请选择"  disabled></DatePicker>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="支付日期" >
                            <DatePicker type="date" placeholder="请选择" disabled></DatePicker>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="核保日期" >
                            <DatePicker v-model='formItem1.productionDate' disabled type="date" placeholder="请选择"></DatePicker>
                        </FormItem>
                    </i-col>
                </Row>
                <Row>
                    <i-col :md="24" :lg="6">
                        <FormItem label="保单号">
                            <i-input class="blue" disabled  placeholder="请输入保单号" v-model="formItem1.PolicyNo">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="总保费">
                            <i-input placeholder="请输入总保费" disabled>
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="业务员" class="peo">
                            <span class="title">（如列表没有可手录匹配）</span>
                            <!--<i-input v-model="formItem1.agent_info.handlerName" placeholder="请输入业务员">-->
                            <!--</i-input>-->
                            <i-select disabled   style="border:1px solid #D2D2D2;">
                                <i-option value="0">空</i-option>
                            </i-select>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="起保日期" >
                            <DatePicker disabled v-model="formItem1.validDate"  type="date" placeholder="请选择"></DatePicker>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="到期日期" >
                            <DatePicker disabled  v-model="formItem1.expiryDate" type="date" placeholder="请选择"  placement="left-start"></DatePicker>
                        </FormItem>
                    </i-col>
                </Row>
                <Row>
                    <i-col :md="24" :lg="6">
                        <FormItem label="保单印刷号">
                            <i-input disabled  placeholder="请输入保单印刷号">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="总净保费" >
                            <i-input disabled placeholder="请输入总净保费">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="总标准保费">
                            <i-input disabled placeholder="请输入总标准保费">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="总折扣">
                            <i-input disabled placeholder="请输入总折扣">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="渠道代码">
                            <i-input disabled placeholder="请输入渠道代码">
                            </i-input>
                        </FormItem>
                    </i-col>
                </Row>
                <Row>
                    <i-col :md="24" :lg="6">
                        <FormItem label="投保单号">
                            <i-input disabled placeholder="请输入投保单号" v-model="this.$route.params.contractNo">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="总税额" >
                            <i-input disabled placeholder="请输入总税额">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="上年违章次数">
                            <i-input disabled placeholder="请输入上次违章次数">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="3">
                        <FormItem label="出险次数">
                            <i-input disabled placeholder="请输入出险次数">
                            </i-input>
                        </FormItem>
                    </i-col>
                    <i-col :md="24" :lg="6">
                        <FormItem label="渠道名称">
                            <i-input disabled placeholder="请输入渠道名称">
                            </i-input>
                        </FormItem>
                    </i-col>
                </Row>
                <Row style="padding:30px 0px;" class="billTab">
                    <Tabs type="card" :animated="false" v-model="tab">
                        <TabPane label="车辆信息" >
                            <div id="formItem2" v-if="tab==0">
                                <Row>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="车牌号">
                                            <i-input disabled v-model="formItem1.car_info.car_plateNo" placeholder="请输入车牌号"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="采购价">
                                            <i-input disabled v-model="formItem1.car_info.car_purchasePrice" placeholder="请输入采购价"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="初登日期">
                                            <DatePicker disabled type="datetime" placeholder="请选择"  :confirm="true" v-model="formItem1.car_info.car_registerDate"></DatePicker>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="是否过户车">
                                            <i-select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                <Option value="0">未知</Option>
                                                <Option value="1">是</Option>
                                                <Option value="2">否</Option>
                                            </i-select>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="车辆种类">
                                           <i-input disabled v-model='formItem1.car_info.car_categoryName'>
                                           </i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="号牌底色" >
                                            <Select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                <Option value="0">未知</Option>
                                                <Option value="1">蓝</Option>
                                                <Option value="2">黑</Option>
                                                <Option value="3">白</Option>
                                                <Option value="4">黄</Option>
                                            </Select>
                                            
                                        </FormItem>
                                    </i-col>
                                </Row>
                                <Row>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="使用性持">
                                            <i-input disabled v-model="formItem1.car_info.car_categoryName" placeholder="请输入使用性持"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="所属性质">
                                            <Select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                <Option value="0">私人</Option>
                                                <Option value="1">企业</Option>
                                                <Option value="2">机关</Option>
                                            </Select>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="发动机号">
                                            <i-input disabled placeholder="请输入发动机号" v-model='formItem1.car_info.car_engine'></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="荷载质量(KG)">
                                            <i-input disabled v-model="formItem1.car_info.approvedLoad" placeholder="请输入荷载质量"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="整备质量(KG)">
                                            <i-input disabled v-model="formItem1.car_info.car_unladenMass" placeholder="请输入整备质量"></i-input>
                                        </FormItem>
                                    </i-col>
                                </Row>
                                <Row>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="厂牌型号">
                                            <i-input disabled v-model="formItem1.car_info.car_carName" placeholder="请输入厂牌型号"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="车架号">
                                            <i-input disabled v-model="formItem1.car_info.car_vIN" placeholder="请输入车架号"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="座位">
                                            <Select disabled  :transfer="true" v-model='formItem1.car_info.car_approvedPassengersCapacity'   style="border:1px solid #D2D2D2;">
                                                <Option value="0">5座</Option>
                                                <Option value="1">2座</Option>
                                                <Option value="2">3座</Option>
                                                <Option value="3">4座</Option>
                                                <Option value="4">6座</Option>
                                                <Option value="5">7座</Option>
                                                <Option value="6">8座</Option>
                                                <Option value="7">9座</Option>
                                                <Option value="8">10座</Option>
                                            </Select>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="排量(L)/功率(KW)">
                                            <i-input disabled v-model="formItem1.car_info.car_dis" placeholder="请输入排量/功率">
                                            
                                            </i-input>
                                        </FormItem>
                                    </i-col>
                                </Row>
                            </div>
                        </TabPane>
                        <TabPane label="关系人信息" >
                            <div v-if="tab==1" id="formItem3">
                                <Row style="padding:20px 0;border-bottom: 1px dotted #F1F1F1">
                                    <i-col :md="24" :lg="4" style="padding-left:50px;">
                                        <FormItem label="客户角色">
                                            <CheckboxGroup v-model="formItem1.coustomer_info.coustomer_role" disabled>
                                                    <Checkbox disabled label="2">投保人</Checkbox>
                                                    <Checkbox  disabled  label="1">被保险人</Checkbox>
                                                    <Checkbox  disabled  label="3">车主</Checkbox>
                                            </CheckboxGroup>
                                        </FormItem>
                                    </i-col>
                                    <i-col style="display: inline;" :lg="18"  :md="24">
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户姓名">
                                                <i-input disabled v-model="formItem1.coustomer_info.coustomer_name" placeholder="请输入客户姓名"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="证件类型">
                                                <i-select v-model="formItem1.coustomer_info.coustomer_identifyType" :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                    <Option value="01">身份证</Option>
                                                    <Option value="02">组织机构代码证</Option>
                                                    <Option value="03">护照</Option>
                                                    <Option value="04">军官证</Option>
                                                    <Option value="05">港澳居民来往内地通行证</Option>
                                                    <Option value="06">其他</Option>
                                                    <Option value="07">港澳通行证</Option>
                                                    <Option value="08">出生证</Option>
                                                    <Option value="09">营业执照（社会统一信用代码）</Option>
                                                    <Option value="10">税务登记证 </Option>
                                                    <Option value="14">港澳身份证 </Option>
                                                </i-select>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户类型">
                                                <Select :transfer="true" disabled v-model="formItem1.coustomer_info.coustomer_type"   style="border:1px solid #D2D2D2;">
                                                    <Option value="0">个人客户</Option>
                                                    <Option value="1">集体客户</Option>
                                                </Select >
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="性别" >
                                                <i-select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                    <Option value="1">男</Option>
                                                    <Option value="2">女</Option>
                                                </i-select>
                                            </FormItem>
                                        </i-col>
                                    </i-col>


                                    <i-col style="display: inline;" :lg="18"  :md="24">
                                        <i-col :md="24" :lg="6">
                                                <FormItem label="手机号">
                                                    <i-input disabled v-model="formItem1.coustomer_info.coustomer_mobile" placeholder="请输入手机号"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="证件号码">
                                                    <i-input disabled v-model="formItem1.coustomer_info.coustomer_identifyNumber" placeholder="请输入证件号码"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="客户电话">
                                                    <i-input disabled placeholder="请输入客户电话"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="地址">
                                                    <i-input disabled v-model="formItem1.coustomer_info.coustomer_nativePlace" placeholder="请输入地址"></i-input>
                                                </FormItem>
                                            </i-col>
                                    </i-col>




                                </Row>
                                <Row style="padding:20px 0;border-bottom: 1px dotted #F1F1F1" v-if="seen1">
                                    <i-col :md="24" :lg="4" style="padding-left:50px;">
                                        <FormItem label="客户角色" >
                                            <CheckboxGroup v-model="formItem1.customer_the_insured.coustomer_role" >
                                                    <Checkbox disabled label="2">投保人</Checkbox>
                                                    <Checkbox  disabled  label="1">被保险人</Checkbox>
                                                    <Checkbox  disabled  label="3">车主</Checkbox>
                                            </CheckboxGroup>
                                        </FormItem>
                                    </i-col>
                                    <i-col style="display: inline;" :lg="12"  :md="24">
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户姓名">
                                                <i-input disabled v-model="formItem1.customer_the_insured.coustomer_name" placeholder="请输入客户姓名"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="证件类型">
                                                <i-select   style="border:1px solid #D2D2D2;" disabled v-model="formItem1.customer_the_insured.coustomer_identifyType" :transfer="true">
                                                    <Option value="01">身份证</Option>
                                                    <Option value="02">组织机构代码证</Option>
                                                    <Option value="03">护照</Option>
                                                    <Option value="04">军官证</Option>
                                                    <Option value="05">港澳居民来往内地通行证</Option>
                                                    <Option value="06">其他</Option>
                                                    <Option value="07">港澳通行证</Option>
                                                    <Option value="08">出生证</Option>
                                                    <Option value="09">营业执照（社会统一信用代码）</Option>
                                                    <Option value="10">税务登记证 </Option>
                                                    <Option value="14">港澳身份证 </Option>
                                                </i-select>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户类型">
                                                <Select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                    <Option value="0">个人客户</Option>
                                                    <Option value="1">集体客户</Option>
                                                </Select >
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="性别">
                                                <i-select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                    <Option value="1">男</Option>
                                                    <Option value="2">女</Option>
                                                </i-select>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="手机号">
                                                <i-input disabled v-model="formItem1.customer_the_insured.coustomer_mobile" placeholder="请输入手机号"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="证件号码">
                                                <i-input disabled v-model="formItem1.customer_the_insured.coustomer_identifyNumber" placeholder="请输入证件号码"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户电话">
                                                <i-input disabled placeholder="请输入客户电话"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="地址">
                                                <i-input disabled v-model="formItem1.customer_the_insured.coustomer_nativePlace" placeholder="请输入地址"></i-input>
                                            </FormItem>
                                        </i-col>
                                    </i-col>
                                </Row>
                                <Row style="padding:20px 0;border-bottom: 1px dotted #F1F1F1" v-if="seen2">
                                    <i-col :md="24" :lg="4" style="padding-left:50px;">
                                        <FormItem label="客户角色">
                                            <CheckboxGroup v-model="formItem1.customer_car_owner.coustomer_role">
                                                    <Checkbox disabled label="2">投保人</Checkbox>
                                                    <Checkbox  disabled  label="1">被保险人</Checkbox>
                                                    <Checkbox  disabled  label="3">车主</Checkbox>
                                            </CheckboxGroup>
                                        </FormItem>
                                    </i-col>
                                    <i-col style="display: inline;" :lg="12"  :md="24">
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户姓名" >
                                                <i-input disabled v-model="formItem1.customer_car_owner.coustomer_name" placeholder="请输入客户姓名"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="证件类型">
                                                <i-select disabled v-model="formItem1.customer_car_owner.coustomer_identifyType" :transfer="true"   style="border:1px solid #D2D2D2;">
                                                    <Option value="01">身份证</Option>
                                                    <Option value="02">组织机构代码证</Option>
                                                    <Option value="03">护照</Option>
                                                    <Option value="04">军官证</Option>
                                                    <Option value="05">港澳居民来往内地通行证</Option>
                                                    <Option value="06">其他</Option>
                                                    <Option value="07">港澳通行证</Option>
                                                    <Option value="08">出生证</Option>
                                                    <Option value="09">营业执照（社会统一信用代码）</Option>
                                                    <Option value="10">税务登记证 </Option>
                                                    <Option value="14">港澳身份证 </Option>
                                                </i-select>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户类型">
                                                <Select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                    <Option value="0">个人客户</Option>
                                                    <Option value="1">集体客户</Option>
                                                </Select >
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="性别">
                                                <i-select :transfer="true" disabled   style="border:1px solid #D2D2D2;">
                                                    <Option value="1">男</Option>
                                                    <Option value="2">女</Option>
                                                </i-select>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="手机号">
                                                <i-input disabled v-model="formItem1.customer_car_owner.coustomer_mobile" placeholder="请输入手机号"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="证件号码">
                                                <i-input disabled v-model="formItem1.customer_car_owner.coustomer_identifyNumber" placeholder="请输入证件号码"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="客户电话">
                                                <i-input disabled placeholder="请输入客户电话"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="地址">
                                                <i-input disabled v-model="formItem1.customer_car_owner.coustomer_nativePlace" placeholder="请输入地址"></i-input>
                                            </FormItem>
                                        </i-col>
                                    </i-col>
                                </Row>
                            </div>
                        </TabPane>
                        <TabPane label="保单明细" >
                            <div v-if="tab==2">

                                <div v-if="formItem1.policy_info.car_policy.policy_type=='交强险'">
                                    <div class="shangjiao">
                                        <Row>
                                            <i-col>
                                                交强险&emsp;&emsp;合计<span>{{formItem1.policy_info.car_policy.totalPremium}}</span>
                                            </i-col>
                                        </Row>
                                    </div>
                                    <div style="" class="shangjiaoCont">
                                        <Row>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="">
                                                    起保日期&emsp;&emsp;<DatePicker disabled type="date" placeholder="请选择"  v-model="formItem1.policy_info.car_policy.validDate"></DatePicker>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="">
                                                    终保日期&emsp;&emsp;<DatePicker disabled type="date" placeholder="请选择"  v-model="formItem1.policy_info.car_policy.expiryDate"></DatePicker>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                        <Row>
                                            <i-col :md="6" :lg="3">
                                                <FormItem>
                                                    基准保费&emsp;&emsp;{{ formItem1.policy_info.car_policy.totalStandardPremium}}
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="6" :lg="3">
                                                <FormItem>
                                                    保费&emsp;&emsp;{{formItem1.policy_info.car_policy.totalPremium}}
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="6" :lg="3">
                                                <FormItem>
                                                    调整系数&emsp;&emsp;{{formItem1.policy_info.car_policy.totalAdjustRate}}
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="6" :lg="3">
                                                <FormItem>
                                                    保费&emsp;&emsp;{{formItem1.policy_info.car_policy.totalPremium}}
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                        <Row>
                                            <i-col :md="24" :lg="24">
                                                <FormItem>
                                                    <Collapse >
                                                        <Panel name="1">
                                                            责任限额
                                                            <p slot="content">
                                                                <i-col span="24">
                                                                    死亡伤残赔偿限额：110000 元&emsp;&emsp; 医疗费用赔偿限额：10000 元 &emsp;&emsp;财产损失赔偿限额：2000 元&emsp;&emsp;
                                                                </i-col>
                                                                <i-col span="24">
                                                                    无责任死亡伤残赔偿限额：11000 元 &emsp;&emsp;无责任医疗费用赔偿限额：1000 元&emsp;&emsp; 无责任财产损失赔偿限额：100 元
                                                                </i-col>
                                                            </p>
                                                        </Panel>
                                                    </Collapse>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                    </div>
                                </div>
                                <div v-if="formItem1.policy_info.car_policy.policy_type=='交强险'">
                                    <div class="shangjiao">
                                        <Row>
                                            <i-col>
                                                缴纳车船税
                                            </i-col>
                                        </Row>
                                    </div>
                                    <div class="shangjiaoCont">
                                        <Row style="margin-bottom: 10px;">
                                            <i-col :md="24" :lg="24">
                                                <RadioGroup v-model="formItem1.policy_info.tax.taxConditionCode" >
                                                    <Radio disabled label="1">正常缴纳</Radio>
                                                    <Radio disabled label="2">已完税</Radio>
                                                    <Radio disabled label="3">免税</Radio>
                                                    <Radio disabled label="4">减税</Radio>
                                                    <Radio disabled label="5">拒缴</Radio>
                                                </RadioGroup>
                                            </i-col>
                                        </Row>
                                        <Row>
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="纳税人名称">
                                                    <i-input disabled v-model="formItem1.policy_info.tax.taxPayerName" placeholder="请输入纳税人名称"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="纳税人证件类型">
                                                    <i-select disabled v-model="formItem1.policy_info.tax.taxPayerIdentityType" :transfer="true"   style="border:1px solid #D2D2D2;">
                                                        <Option value="01">身份证</Option>
                                                    </i-select>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="纳税人证件号">
                                                    <i-input disabled  v-model="formItem1.policy_info.tax.taxPayerIdentityNo" placeholder="请输入纳税人证件号"></i-input>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                        <Row>
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="纳税人识别号">
                                                    <i-input disabled v-model="formItem1.policy_info.tax.taxPayerIdentificationCode" placeholder="请输入纳税人识别号"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="本年标准税款">
                                                    <i-input disabled  v-model="formItem1.policy_info.tax.annualTaxAmount" placeholder="请输入本年标准税款"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="本年应缴税款">
                                                    <i-input  disabled v-model="formItem1.policy_info.tax.annualTaxDue" placeholder="请输入本年应缴税款"></i-input>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                        <Row>
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="往年补缴">
                                                    <i-input disabled v-model="formItem1.policy_info.tax.sumOverdue" placeholder="请输入往年补缴"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <!-- <i-col :md="24" :lg="8">
                                                <FormItem label="滞纳金">
                                                    <i-input disabled v-model="formItem1.policy_info.tax.payment" placeholder="请输入滞纳金"></i-input>
                                                </FormItem>
                                            </i-col> -->
                                            <i-col :md="24" :lg="8">
                                                <FormItem label="合计应交金额">
                                                    <i-input disabled v-model="formItem1.policy_info.tax.sumTax" placeholder="请输入合计应交金额"></i-input>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                        <Row>
                                            <i-col :md="24" :lg="24">
                                                <FormItem>
                                                    <Collapse >
                                                        <Panel name="1">
                                                            责任限额
                                                            <p slot="content">
                                                                <i-col span="24">
                                                                    死亡伤残赔偿限额：110000 元&emsp;&emsp; 医疗费用赔偿限额：10000 元
                                                                    &emsp;&emsp;财产损失赔偿限额：2000 元&emsp;&emsp;
                                                                </i-col>
                                                                <i-col span="24">
                                                                    无责任死亡伤残赔偿限额：11000 元 &emsp;&emsp;无责任医疗费用赔偿限额：1000 元&emsp;&emsp;
                                                                    无责任财产损失赔偿限额：100 元
                                                                </i-col>
                                                            </p>
                                                        </Panel>
                                                    </Collapse>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                    </div>
                                </div>

                                <div v-if="formItem1.policy_info.business_policy.policy_type=='商业险'">
                                    <div class="shangjiao">
                                        <Row>
                                            <i-col>
                                                商业险&emsp;&emsp;合计<span>{{formItem1.policy_info.business_policy.totalPremium}}</span>
                                            </i-col>
                                        </Row>
                                    </div>
                                    <div class="shangjiaoCont">
                                        <Row>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="">
                                                    起保日期&emsp;&emsp;<DatePicker disabled type="date" placeholder="请选择" v-model="formItem1.policy_info.business_policy.validDate"></DatePicker>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="">
                                                    终保日期&emsp;&emsp;<DatePicker disabled type="date" placeholder="请选择" v-model="formItem1.policy_info.business_policy.expiryDate"></DatePicker>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                        <Row>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="整单折扣(%)" >
                                                    <i-input disabled v-model="formItem1.policy_info.business_policy.premiumCount" placeholder="请输入整单折扣"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="基准保费">
                                                    <i-input disabled v-model="formItem1.policy_info.business_policy.totalStandardPremium" placeholder="请输入基准保费"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="费率/调整系数(%)">
                                                    <i-input disabled v-model="formItem1.policy_info.business_policy.totalAdjustRate" placeholder="请输入费率/调整系数"></i-input>
                                                </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                <FormItem label="保费">
                                                    <i-input disabled v-model="formItem1.policy_info.business_policy.totalPremium" placeholder="请输入保费"></i-input>
                                                </FormItem>
                                            </i-col>
                                        </Row>
                                        <!--<Row>-->
                                            <!--<i-col :md="24" :lg="24">-->
                                                <!--<FormItem>-->
                                                    <!--<Collapse v-model="value1">-->
                                                        <!--<Panel name="1">-->
                                                            <!--史蒂夫·乔布斯-->
                                                            <!--<p slot="content">史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</p>-->
                                                        <!--</Panel>-->
                                                    <!--</Collapse>-->
                                                <!--</FormItem>-->
                                            <!--</i-col>-->
                                        <!--</Row>-->
                                    </div>
                                </div>
                                <div class="detail" v-if="formItem1.policy_info.business_policy.policy_type=='商业险'">
                                    <Row class="head">
                                        <i-col :md="12" :lg="12" style="padding-top: 5px;" >
                                            <Icon type="ios-list-outline" style="font-size:16px;"></Icon>
                                            主险条约
                                        </i-col>
                                        <i-col :md="12" :lg="{span:1,offset:10}" >
                                            <i-button type="primary">
                                                <Icon type="arrow-up-b"></Icon>
                                                折叠
                                            </i-button>
                                        </i-col>
                                    </Row>
                                    <Row>
                                        <table class="table xianzhong">
                                            <thead>
                                            <tr>
                                                <th>险别名称</th>
                                                <th>保额</th>
                                                <th>保单保费</th>
                                                <th>折扣</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <template v-for="(item,index) in formItem1.policy_info.main_risks" >
                                                <tr>
                                                    <td>{{item.kindName}}</td>
                                                    <td style="text-align: center">{{item.amount/10000}}万</td>
                                                    <td>{{item.coveragePremium}}</td>
                                                    <td>{{item.coverageStandardPremium}}</td>
                                                </tr>
                                            </template>
                                            </tbody>
                                        </table>
                                    </Row>
                                </div>
                                <div class="detail" v-if="formItem1.policy_info.business_policy.policy_type=='商业险'">
                                    <Row class="head">
                                        <i-col :md="12" :lg="12" style="padding-top: 5px;" >
                                            <Icon type="ios-list-outline" style="font-size:16px;"></Icon>
                                            不计免赔险
                                        </i-col>
                                        <i-col :md="12" :lg="{span:1,offset:10}" >
                                            <i-button type="primary">
                                                <Icon type="arrow-up-b"></Icon>
                                                折叠
                                            </i-button>
                                        </i-col>
                                    </Row>
                                    <Row>
                                        <table class="table xianzhong">
                                            <thead>
                                            <tr>
                                                <th>项目</th>
                                                <th>保额/限额</th>
                                                <th>基准保费</th>
                                                <th>保费</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                <template v-for="(item,index) in formItem1.policy_info.disregard_deduction">
                                                    <tr >
                                                        <td>{{item.kindName}}</td>
                                                        <td>{{item.amount==0?'':item.amount}}</td>
                                                        <td>{{item.coverageStandardPremium}}</td>
                                                        <td>{{item.coveragePremium}}</td>
                                                    </tr>
                                                </template>
                                            </tbody>
                                        </table>
                                    </Row>
                                </div>
                                <div class="detail" v-if="formItem1.policy_info.business_policy.policy_type=='商业险'">
                                    <Row class="head">
                                        <i-col :md="12" :lg="12" style="padding-top: 5px;" >
                                            <Icon type="ios-list-outline" style="font-size:16px;"></Icon>
                                            浮动原因
                                        </i-col>
                                    </Row>
                                    <Row>
                                        <table class="table xianzhong">
                                            <thead>
                                            <tr>
                                                <th>浮动原因</th>
                                                <th>系数（%）</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <template v-for="(item,index) in formItem1.policy_info.float_reason">
                                                <tr>
                                                    <td>{{item.adjustName}}</td>
                                                    <td style="text-align: center">{{item.adjustRate}}</td>
                                                </tr>
                                            </template>
                                            </tbody>
                                        </table>
                                    </Row>
                                </div>
                                <div class="detail" >
                                    <Row>
                                        <table class="table xianzhong">
                                            <thead>
                                            <tr>
                                                <th colspan="2" style="text-align: left;padding-left: 20px;">
                                                    特约
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <template v-for="(item,index) in formItem1.engage">
                                                <tr>
                                                    <td style="width:20% !important;text-align: left;padding-left: 20px;">{{item.engageCode}}{{item.engageTitle}}</td>
                                                    <td style="width: 80%;">{{item.engageDetail}}</td>
                                                </tr>
                                            </template>
                                            </tbody>
                                        </table>
                                    </Row>
                                </div>
                            </div>
                        </TabPane>
                        <TabPane label="付款信息" >
                            <div  id="formItem4">
                                <Row style="padding:20px 0;border-bottom: 1px dotted #F1F1F1">
                                    <i-col :md="24" :lg="4" style="padding-left:50px;">
                                        <FormItem label="出单角色" >
                                            <RadioGroup disabled>
                                                <Radio label="1">全费出单</Radio>
                                                <Radio label="2">净费出单</Radio>
                                            </RadioGroup>
                                        </FormItem>
                                    </i-col>
                                    <i-col style="display: inline;" :lg="20" :md="24">
                                        <i-col :md="24" :lg="12">
                                            <FormItem label="下游佣金收款人">
                                                <i-input disabled placeholder="请输入下游佣金收款人"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="12">
                                            <FormItem label="付款方式">
                                                <Select :transfer="true" disabled  style="border:1px solid #D2D2D2;">
                                                    <Option value="0">未知</Option>
                                                    <Option value="1">POS刷卡</Option>
                                                    <Option value="2">微信支付</Option>
                                                    <Option value="3">支付宝</Option>
                                                    <Option value="4">网银支付</Option>
                                                    <Option value="5">银行转账</Option>
                                                    <Option value="6">支票方式 </Option>
                                                    <Option value="7">现金 </Option>
                                                    <Option value="8">其他 </Option>
                                                </Select>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="户名">
                                                <i-input disabled placeholder="请输入户名"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="银行">
                                                <i-input disabled placeholder="请输入银行"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="开户行">
                                                <i-input disabled placeholder="请输入开户行"></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="账单">
                                                <i-input disabled placeholder="请输入账单"></i-input>
                                            </FormItem>
                                        </i-col>
                                    </i-col>
                                </Row>
                            </div>
                        </TabPane >
                        <TabPane label="代刷卡信息" >
                            <div id="formItem5">
                                <Row>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="户名">
                                            <i-input disabled placeholder="请输入户名"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="银行">
                                            <i-input disabled placeholder="请输入银行"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="3">
                                        <FormItem label="开户行">
                                            <i-input disabled placeholder="请输入开户行"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="账号">
                                            <i-input disabled placeholder="请输入账号"></i-input>
                                        </FormItem>
                                    </i-col>
                                    <i-col :md="24" :lg="6">
                                        <FormItem label="刷卡日期">
                                            <DatePicker disabled type="date" placeholder="请选择" v-model="formItem1.policy_info.business_policy.expiryDate"></DatePicker>
                                        </FormItem>
                                    </i-col>
                                </Row>
                                <Row>
                                    <i-col :md="24" :lg="24">
                                        <FormItem label="刷卡备注">
                                            <i-input disabled type="textarea" :rows="4" placeholder="请输入刷卡备注"></i-input>
                                        </FormItem>
                                    </i-col>
                                </Row>
                            </div>
                        </TabPane>
                        <TabPane label="代理信息" >
                            <div>   
                                    <Row>
                                        <i-col :md="24" :lg="6">
                                            <FormItem label="代理人公司">
                                                <i-input disabled v-model='formItem1.agent_info.agent_agentName'></i-input>
                                            </FormItem>
                                        </i-col>
                                        <i-col :md="24" :lg="6">
                                                <FormItem label="代理人姓名/编码">
                                                    <i-input disabled v-model='formItem1.agent_info.agent_names'></i-input>
                                                </FormItem>
                                        </i-col>
                                            <i-col :md="24" :lg="6">
                                                    <FormItem label="归属机构">
                                                        <i-input disabled v-model='formItem1.agent_info.agent_comName'></i-input>
                                                    </FormItem>
                                            </i-col>
                                            <i-col :md="24" :lg="6">
                                                    <FormItem label="协议号">
                                                        <i-input disabled v-model='formItem1.agent_info.agent_agreementNo'></i-input>
                                                    </FormItem>
                                            </i-col>
                                            
                                    </Row>  
                                    <Row>
                                            <i-col :md="24" :lg="6">
                                                    <FormItem label="业务员">
                                                        <i-input disabled v-model='formItem1.agent_info.agent_handlerName'></i-input>
                                                    </FormItem>
                                            </i-col>
                                           
                                            <i-col :md="24" :lg="6">
                                                    <FormItem label="录入时间">
                                                        <DatePicker disabled type="date" placeholder="请选择" :transfer="true"  v-model="formItem1.agent_info.agent_operateDateTime"></DatePicker>
                                                    </FormItem>
                                                </i-col>
                                                <i-col :md="24" :lg="6">
                                                        <FormItem label="代理类型"  prop="agentTaxType">
                                                            <i-select v-model="formItem1.agent_info.agent_agentTaxType" disabled   style="border:1px solid #D2D2D2;">
                                                                <i-option value="A">直销业务</i-option>
                                                                <i-option value="B">个人代理</i-option>
                                                                <i-option value="C">专业代理</i-option>
                                                                <i-option value="D">兼业代理</i-option>
                                                                <i-option value="E">境内经纪业务</i-option>
                                                                <i-option value="F"境外经纪业务</i-option>
                                                                <i-option value="G">电话业务</i-option>
                                                            </i-select>
                                                        </FormItem>
                                                    </i-col>
                                    </Row>
                            </div>
                        </TabPane>
                        <TabPane label="备注信息" >
                            <div id="formItem7" >
                                <Row>
                                    <i-col span="24">
                                        <i-input disabled type="textarea" :rows="4" placeholder="请输入备注信息"></i-input>
                                    </i-col>
                                </Row>
                                <Row style="margin-top:20px;">
                                    <i-col :md="24" :lg="6">
                                        <i-select disabled :transfer="true"   style="border:1px solid #D2D2D2;">
                                            <i-option>123</i-option>
                                        </i-select>
                                    </i-col>
                                    <i-col :md="24" :lg="6" style="line-height:30px;color: #D4D5D4;">
                                            <span>
                                                <Icon type="information"></Icon>
                                                可标记备注类型，编辑完备注记得提交保单修改
                                            </span>
                                    </i-col>
                                    <i-col :md="24" :lg="{span:2,offset:10}">
                                            <span>
                                                <span class="btnBox add">
                                                    <Icon type="plus" class=""></Icon>
                                                </span>
                                                <span class="btnBox close">
                                                    <Icon type="close"></Icon>
                                                </span>
                                            </span>
                                    </i-col>
                                </Row>
                            </div>
                        </TabPane>
                    </Tabs>
                </Row>
                <!-- <Row>
                    <i-col span="24" style="margin:30px 0;text-align: center">
                        <i-button type="primary" shape="circle" style="margin-right:20px;width:200px;" @click="submit">
                            <Icon type="checkmark-circled"></Icon>
                            &emsp;提交保单信息
                        </i-button>
                        <i-button  shape="circle" style="width:120px;background-color: #77B4F5;color:#FFF;" @click="reset">
                            <Icon type="refresh"></Icon>
                            &emsp;重置
                        </i-button>
                    </i-col>
                </Row> -->
            </Form>
        </div>
    </div>
</template>

<script>
    import productTitle from '../../components/productTitle'
    import {car_policy_detail} from  '../../api/car'
    export default {
        data(){
            return {
                tab:'',
                tabs:'',
                seen1:false,
                seen2:false,
               
                formItem1:{
                    num:'',
                    type:'',
                    relatedType:'',//业务类型
                    PolicyNo:"",//保单号
                    validDate:'',//起宝日期
                    expiryDate:'',//到期时间
                    productionDate:'',//核保时间

                    agent_info:{
                        handlerName:'', //业务员
                        agent_operatorCode:'',//工号
                        agent_operateDateTime:"",//录入时间//
                        agent_names:'',//代理人姓名编码
                    },
                    car_info:{
                        car_registerDate:'', //初登日期
                        car_plateNo:'',  // 车牌号
                        car_vIN:'', //车架号
                        car_categoryName:'',//使用性持
                        car_carName:'',//厂牌型号
                        car_approvedPassengersCapacity:'',//座位数
                        car_purchasePrice:'',//新车采购价
                        car_unladenMass:'',//车重
                        displacement:'',//排量
                        approvedLoad:'',//荷载重量
                        car_engine:'',//发动机号码
                        car_displacement:'',//排量
                        car_simpleStadarCar:"",//功率
                        car_dis:'',//排量和功率
                    },
                    //客户信息
                    coustomer_info:{
                        coustomer_role:[],//客户角色
                        coustomer_identifyType:'01',//证件类型
                        coustomer_identifyNumber:'',//证件号码
                        coustomer_name:'',//名字
                        coustomer_nativePlace:'',//客户地址
                        coustomer_mobile:'',//手机号
                    },
                    engage:{

                    },
                    policy_info:{
                        //商业险  //交强险
                        business_policy:{
                            policy_type:'',//保险类型
                            totalPremium:'',//商业险合计  和  保费
                            expiryDate:'',//终保日期
                            validDate:'',//起保日期
                            premiumCount:'',//整单折扣
                            totalStandardPremium:'',//基准保费
                            totalAdjustRate:'',//费率/调整系数

                        },
                        //交强险
                        car_policy:{
                            policy_type:'',//保险类型
                            totalPremium:'',//商业险合计  和  保费
                            expiryDate:'',//终保日期
                            validDate:'',//起保日期
                            premiumCount:'',//整单折扣
                            totalStandardPremium:'',//基准保费
                            totalAdjustRate:'',//费率/调整系数
                        },
                        tax:{
                            taxPayerName:'',//纳税人名称
                            taxPayerIdentityType:'',//纳税人证件类型
                            taxPayerIdentityNo:'',//纳税人证件号码
                            taxPayerIdentificationCode:'',//纳税人识别号
                            annualTaxAmount:'',//本年标准税款
                            annualTaxDue:'',//本年应交税款
                            sumOverdue:'',//往年补交   滞纳金
                            taxConditionCode:'',//已交  未交  redio
                            sumTax:'',//总计金额
                        }
                    },
                    violation:[],


                }
            }
        },
        components:{
            productTitle
        },
        created(){
            this.get_detail();
        },
        methods:{
            reset(name){
//                this.$refs[name].resetFields();
                alert('暂未启用');

            },
            submit(){
                this.$router.push({name:'bill_search'});
            },
            tabClick(){
//                alert(this.tab);
            },
            get_detail(){
                let params={
                    coustomer_mid:this.$route.params.coustomer_mid,
                    agent_mid:this.$route.params.agent_mid,
                    contractNo:this.$route.params.contractNo
                }
                new Promise((rev,rej)=>{
                    car_policy_detail(params).then(res=>{
                        this.formItem1=res.data.data;
                        this.formItem1.car_info.car_dis = this.formItem1.car_info.car_displacement + 'L  /  ' + this.formItem1.car_info.car_simpleStadarCar + 'KW'
                        this.formItem1.car_info.car_approvedPassengersCapacity=JSON.stringify(this.formItem1.car_info.car_approvedPassengersCapacity);
                        this.formItem1.agent_info.agent_names = this.formItem1.agent_info.agent_operatorName +' -- '+ this.formItem1.agent_info.agent_operatorCode
                        console.log(this.formItem1.agent_info.agent_operateDateTime,".....")
                        // 对被保险人的缺失判断
                        console.log(this.formItem1.customer_the_insured.coustomer_role,"111111")
                        if(this.formItem1.customer_the_insured.coustomer_role!=""&&this.formItem1.customer_the_insured.coustomer_role!=null){
                            this.seen1=true;
                        }
                        // 对车主的判断v-if
                        console.log(this.formItem1.customer_car_owner.coustomer_role,"333333333")
                        if(this.formItem1.customer_car_owner.coustomer_role!=""&&this.formItem1.customer_car_owner.coustomer_role!=null){
                            this.seen2=true;
                        }
                    })
                })
            }
        }
    }
</script>

